<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>home</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" type="text/css" href="../css/mui.css"/>
		<link rel="stylesheet" type="text/css" href="../css/common.css"/>
		<style>
			html,body{
				height: 100%;
				width: 100%;
			}
			.bodymain{
				min-height: 100%;
				background: linear-gradient(#ff8e2a, #f47126);
			}
			.topmodel{
				height: 11rem;
				background: url(../img/home/09.png) no-repeat;
				background-size:100% 100% ;
			}
			.topmodel img:nth-child(1){
				position: absolute;
				top: 1.2rem;
				left: 13%;
			}
			.topmodel img:nth-child(2){
				position: absolute;
				top: 1.2rem;
				left: 43%;
			}
			.topmodel img:nth-child(3){
				position: absolute;
				top: 1.2rem;
				left: 75%;
			}
			.topmodel img:nth-child(4){
				position: absolute;
				top: 6.2rem;
				left: 13%;
			}
			.topmodel img:nth-child(5){
				position: absolute;
				top: 6.2rem;
				left: 40%;
			}
		</style>
	</head>
	<body>
		<div class="bodymain PB5">
			<p class="colorF font1-4 PT30 PL10 PB10" style="font-weight:900;"><img class="height1-8R verticlM" src="../img/home/03.png"/> 汤晓楠，您的健康信息</p>
			<div class="topmodel width95 Mauto positionR">
				<img id="goposition" class="height3R" src="../img/home/04.png"/>
				<img class="height3R" src="../img/home/05.png"/>
				<img id="gotixiang" class="height3R" src="../img/home/06.png"/>
				<img class="height3R" src="../img/home/07.png"/>
				<img class="height3R" src="../img/home/08.png"/>
			</div>
			<ul class="width90 Pad0 Mauto">
				<li class="backgF radius5P" onclick="gourl('Blood-pressure.html', 'Blood-pressure')">
					<p class="colorf8 overflowH PT10 PL10 PR10" style="margin-bottom: 0px;">
						<span class="fl">血压</span>
						<span class="fr LH30">mmhg</span>
						<span class="fr font1-8">145/85</span>
					</p>
					<p class="overflowH PL10 PR10 PB5">
						<img class="height0-8R" src="../img/home/10.png"/>
						<span class="colorC">结果仅供参考</span>
						<span class="fr color9">查看近七天血压情况 > </span>
					</p>
				</li>
				<li class="backgF radius5P" onclick="gourl('Blood-sugar.html', 'Blood-sugar')">
					<p class="colorf8 overflowH PT10 PL10 PR10" style="margin-bottom: 0px;">
						<span class="fl">血糖</span>
						<span class="fr LH30">mmol/L</span>
						<span class="fr font1-8">7.6</span>
					</p>
					<p class="overflowH PL10 PR10 PB5">
						<img class="height0-8R" src="../img/home/10.png"/>
						<span class="colorC">结果仅供参考</span>
						<span class="fr color9">查看近七天血糖情况 > </span>
					</p>
				</li>
				<li class="backgF radius5P">
					<p class="colorf8 overflowH PT10 PL10 PR10" style="margin-bottom: 0px;">
						<span class="fl">血氧</span>
						<span class="fr LH30">%</span>
						<span class="fr font1-8">96</span>
					</p>
					<p class="overflowH PL10 PR10 PB5">
						<img class="height0-8R" src="../img/home/10.png"/>
						<span class="colorC">结果仅供参考</span>
						<span class="fr color9">查看近七天血氧情况 > </span>
					</p>
				</li>
				<li class="backgF radius5P">
					<p class="colorf8 overflowH PT10 PL10 PR10" style="margin-bottom: 0px;">
						<span class="fl">心率</span>
						<span class="fr LH30">次/每分钟</span>
						<span class="fr font1-8">96</span>
					</p>
					<p class="overflowH PL10 PR10 PB5">
						<img class="height0-8R" src="../img/home/10.png"/>
						<span class="colorC">结果仅供参考</span>
						<span class="fr color9">查看近七天心率情况 > </span>
					</p>
				</li>
			</ul>
		</div>
	</body>
	<script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
	<script>
		mui.init({
			swipeBack:true //启用右滑关闭功能
		});
		function gourl(urlname, idname) {
				mui.openWindow({
					url: urlname,
					id: idname,
					preload: true, //是否启用预加载
					show: {
						aniShow: 'pop-in'
					},
					styles: {
						popGesture: 'hide'
					},
					waiting: {
						autoShow: false
					}
				})
			}
		var detailPage = null;
		var btn = document.getElementById("goposition");
		//监听点击事件
		btn.addEventListener("tap",function (e) {
		   detailPage = plus.webview.getWebviewById('home');
		   mui.fire(detailPage,'gohome',{
			    id:'id'
			  });
		});
		//监听点击事件
		var btn2 = document.getElementById("gotixiang");
		btn2.addEventListener("tap",function (e) {
		   detailPage = plus.webview.getWebviewById('home');
		   mui.fire(detailPage,'gotixing',{
			    id:'id'
			  });
		});
	</script>
</html>